* {
	margin: 0;
	padding: 0;
}

html {
	font-size: 10px;
	background-color: #fff;
}
body{background-color: #fff!important;overflow-x: hidden;}

a {
	text-decoration: none;
	cursor: pointer;
}

li {
	list-style: none;
}
.limit{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.commit_center {
	/* width: 60%; */
	width: 100.5rem;
	margin: 0 auto;
}

.center{
	width: 90%;
	margin: 0 auto;
}

.flex {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
}

/* 头部 */
#head {
	font-size: 1.8rem;
}

#head .headTop {
	padding: 1.4rem 0;
}
#head .logo {
	width: 16.5rem;
	height: 6rem;
	margin-top: 0.4rem;
}
.headTop .right{
	width: 26%;
}
.headTop .right p {
	line-height: 7.2rem;
	font-size: 1.9rem;
	color: #415b76;
}

.headTop .right img {
    width: 3.5rem;
    height: 3.2rem;
	margin-top: 2rem;
}
#head .daohang{
	width: 100%;
	position: relative;
}
#head .nav {
    /*width: 50%;*/
	z-index: 9999;
	position: relative;
	top: -0.4rem;
	left: 0;
}

#head .nav li {
	width: 16.5%;
	background-color: #000;
	transform: skew(-30deg, 0);
}

#head .nav a {
	width: 100%;
	display: inline-block;
	text-align: center;
	color: #fff;
	padding: 1.8rem 0;
	/* transform: skew(30deg, 0); */
}

#head .active {
	background-color: #415b76;
	color: #fff;
}

#head .banner {
	width: 100%;
	position: relative;
	top: -32.3px;
}
#head .bans{top: -64px;}
/* 脚部 */
#footer {
	width: 100%;
	color: #ffffff;
	font-size: 1.8rem;
}
#footer .footTop {
	background-color: #415b76;
	padding: 3rem 0;
}

#footer .left {
	line-height: 5rem;
	margin-top: 1rem;
}

#footer .right {
	width: 14%;
	text-align: center;
}

#footer .right p {
	padding-top: 1rem;
}

#footer .copyright {
	text-align: center;
	background-color: #243d56;
	padding: 2rem 0;
	border-top: 0.1rem solid #c1c1c1;
	font-size: 1.6rem;
}

/* 公共 */
.common {
	padding: 2.5rem 0;
	text-align: center;
	font-size: 1.8rem;
	line-height: 4.5rem;
	position: relative;
}

.common .title {
	font-size: 2.5rem;
}

.common img {
	width: 100%;
}
.common .more a{
	display: block;
	position: absolute;
	right: 0;
	top: 8.5rem;
	color: #666666;
	font-size: 1.6rem;
}
.allCont{margin-top: -7rem;}
/* 首页 */
.index {
	width: 100%;
}
.index .yzIndex {
	width: 100%;
	background: url("../../img/img/fws.png") no-repeat;
	background-size: 100% 100%;
	margin-bottom: 1rem;
	color: #fff;
	font-size: 1.6rem;
}
.index .fw {
	position: relative;
	padding: 2rem 0;
}
.index .fw .big {
	width: 100%;
	font-size: 2.4rem;
	margin-top: -3rem;
}
.index .fw .bigg {
	font-size: 2.4rem;
	padding: 6px 0;
}
.index .fw .fw_one {
	width: 46%;
	margin: 0 auto;
	text-align: center;
}
.index .fw_one div {
	width: 66%;
	margin: 0 auto;
}
.index .fw_one	img {
	width: 33%;
}
.index .fw_two,.index .fw_three {
	width: 45%;
	padding: 3rem 0;
	margin-top: -7rem;
}
.index .fw_two img{
	width: 65%;
}
.index .fw_three img{
	width: 65%;
}
.index .fw_two{
	position: relative;
}
.index .fw_two .left{
	width: 30%;
}
.index .fw_two .two{
	margin-left: 125%;
}
.index .fw_two .twos{
	width: 34%;
	position: absolute;
	top: 83%;
	left: 37.5%;
}
.index .two_cont{
	width: 153%;
	margin-left: 45%;
	margin-top: 1rem;
	text-align: right;
}
.index .two_conts{
	width: 46%;
	text-align: right;
	position: absolute;
	top: 90%;
	left: 12.5%;
}
.index .fw_three .left{
	width: 30%;
}
.index .fw_three{
	position: relative;
}
.index .three{
	margin-left: -125%;
	text-align: right;
}
.index .threes{
	width: 35%!important;
	text-align: right;
	position: absolute;
	top: 83%;
	left: 28%;
}
.index  .three_cont{
	width: 153%;
	margin-top: 1rem;
	margin-left: -90%;
}
.index  .three_conts{
	width: 46%;
	margin-left: -90%;
	position: absolute;
	top: 90%;
	right: 17%;
}
.index .fw_one:last-child {
		margin-top: -7rem;
}
.index .indexCase{
	width: 32%;
	padding: 2rem 0;
	font-size: 1.8rem;
	box-shadow: 1px 1px 5px 3px #e5e5e5;
	color: #666666;
	line-height: 3.5rem;
	border-radius: 0.8rem;
	background-color: #fff;
	transition: all 0.5s !important;
}
.index .indexCase:hover{
	transform: scale(1.07) !important;
	cursor: pointer;
}
.index .indexCase img{
	width: 100%;
}
.index .indexCase .title{
	font-size: 2rem;
	text-align: center;
	padding: 1.4rem 0;
	color: #000;
}
.caseIndex dl{
	width: 24%;
	border-radius: 0.5rem;
	position: relative;
	transition: all 0.5s;
}
.caseIndex dl img{
	width: 100%;
	border-radius: 0.5rem;
}
.caseIndex .dd{
	width: 100%;
	text-align: center;
	display: none;
	position: absolute;
	top: 12.5rem;
	z-index: 999;
	color: #fff;
	line-height: 5rem;
	font-size: 2.5rem;
}
.caseIndex .first{
	font-size: 3rem;
}
.caseIndex dl:hover{
	opacity: 0.8;
	transform: scale(1.07);
	cursor: pointer;
}
.caseIndex dl:hover .dd{
	display: block;
}
.index .caseIndex .swiper-slide{
	width: 24%;
	border-radius: 0.5rem;
	position: relative;
	transition: all 0.5s;
}
.index .swiper {
	padding-bottom: 2rem;
}
.index .caseIndex dl{width: 100%;}
.index .card{
	padding: 0 0 2rem 0;
}
.index .xk{
	width: 10%;
	text-align: center;
}
.index .xk .bord{
    height: 7.5rem;
	padding: 1.5rem 0;
	border-radius: 0.5rem;
	font-size: 1.6rem;
	position: relative;
}
.index .card .bord img{
	width: 50%;
	margin: 0 auto;
	margin-bottom: 0.5rem;

    position: absolute;
    left: calc((100% - 50%) / 2);
}
.index .card .blue{display: none;}
.index .card .grey{display: block;}
.index .card .bord p{
    width: 100%;
    position: absolute;
    bottom: 0.8rem;
    text-align: center;
}
.index .card .circle{
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	border: 2px solid #468ce2;
	margin: 2rem auto;
	background-color: #fff;
}
.index .xk:hover .bord{
	cursor: pointer;
	box-shadow: 1px 1px 10px 3px #e1e1e1;
}
.index .card .xk:hover .circle{
	background-color: #468ce2;
}
.ss{
	border-bottom: 0.3rem solid #000!important;
}
.index .card .xk:hover .blue{display: block;}
.index .card .xk:hover .grey{display: none;}
.index .card .xk:hover img{
	padding: 0!important;
}
.index .card .line{z-index: 999;border: 1px solid #f00;
	width: 100%;
	border: 1px solid #468ce2;
	margin-top: -2.8rem;
}
.index .demand{
	box-shadow: 1px 1px 5px 3px #e5e5e5;
	padding: 2rem;
	line-height: 3rem;
	font-size: 1.6rem;
}
.index .demand .left,.index .demand .right{
	width: 49%;
}
.index .demand .right img{
	width: 100%;
}
.index .demand .title{
	padding: 0 0 1rem 0;
	text-align: center;
	font-size: 2rem;
}
.index .add{
	padding-bottom: 1rem;
}
.index .add img{
	width: 18.5%;
	border: 2px solid #c1c1c1;
	border-radius: 0.6rem;
	margin-bottom: 2rem;
}
.index .add img:hover{
	border: 2px solid #468ce2;
}
/* 网站开发 */
.service dl{
	width: 20%;
	font-size: 2rem;
	text-align: center;
	padding: 3rem 0;
	border-radius: 0.5rem;
	margin: 1rem 0;
	transition: all 0.5s;
}
.service .line{
	width: 30%;
	height: 0.5rem;
	background-color: #fff;
	margin: 0.2rem auto;
}
.service .title{
	padding: 1rem 0;
}
.service .gray{display: block;}
.service .blue{display: none;}
.service dl:hover{
	box-shadow: 1px 1px 5px 3px #e5e5e5;
}
.service dl:hover .title{color: #4eb9d4;}
.service dl:hover .line{background-color: #72e3ff;}
.service dl:hover .gray{display: none;}
.service dl:hover .blue{display: block;}
.websit .caseIndex .dd{
	font-size: 1.6rem!important;
	top: 19rem!important;
}
.websit .caseIndex .first{
	font-size: 2rem!important;
}
.websit .caseIndex dl:hover{
	transform: scale(1);
}
.websit .classic{
	line-height: 4rem;
	font-size: 1.6rem;
	color: #707070;
	padding: 3rem 0;
}
.websit .classic .left,.websit .classic .right{
	width: 48%;
}
.websit .classic .title{
	font-size: 2rem;
	color: #000;
	text-align: center;
}
.websit .classic .line{
	width: 10%;
	height: 0.4rem;
	background-color: #415b76;
	margin: 1rem auto;
	margin-bottom: 2rem;
}
.websit .classic .right img{
	width: 100%;
}
.websit .bgGray{
	width: 100%;
	padding: 3rem 0;
	margin-top: 5rem;
	background-color: #fafafa;
}
/* APP开发 */
.app {
	background-color: #fff;
}
.app .titleAPP{
	font-size: 2.6rem;
	text-align: center;
	padding: 3rem 0 1rem 0;
}
.app .more{
	font-size: 1.6rem;
	text-align: right;
}
.app .more a{
	color: #666666;
}
.app .banners{
	padding: 1rem 0;
	margin-bottom: 2rem;
	position: relative;
}
.app .swiper-button-next{
	right:-6%;
}
.app .swiper-button-prev{
	left: -6%;
}
.app .swiper-pagination{top: 95%;}
.app .bigData{
	width: 100%;
	height: 28rem;
	background: url(../../img/img/app_njdad.png) no-repeat;
	background-size: 100% 100%;
	background-attachment:fixed;
	color: #fff;
	margin-top: 2rem;
}
.app .bigData .big{
	padding: 2rem 0 5rem 0;
	font-size: 1.8rem;
}
.app .bigData .xk{
	width: 25%;
	text-align: center;
}
.app .bigData .number{
	padding-bottom: 1.2rem;
	border-right: 1px solid #fff;
}
.app .bigData .xk:last-child .number{
	border-right: 0;
}
.app .bigData .big span{
	font-size: 4rem;
	padding-right: 0.5rem;
}
.app .advantage{
	padding-top: 5rem;
}
.app .service{
	padding: 1rem 0 3rem 0;
}
.app .service .xk{
	width: 30%;
}
.app .service .xk .commit_center{
	width: 90%;
	margin: 0 auto;
	padding: 2rem;
}
.app .service .titles{
	padding: 2rem 0;
}
.app .service .cont{
	line-height: 4rem;
	text-align: left;
	color: #666666;
}
.app .swiper-button-nexts{
	color: #f00!important;
}
.app .swiper-button-prevs {
	color: #c9c9c9!important;
}
/* 小程序开发 */
.applet .process{
	width: 40%;
	margin: 2rem auto;
}
.applet .process img{
	width: 100%;
}
.applet .bjGray{
	width: 100%;
	padding: 2rem 0;
	margin: 5rem 0 3rem 0;
	background-color: #f7f7f7;
}
.applet .cx{margin-top: -1.5rem;}
.applet .formulate{
	margin: 5rem auto;
}
.applet .formulate dl{
	width: 27%;
	background-color: #fff;
	position: relative;
	font-size: 1.8rem;
	line-height: 4rem;
	padding: 4rem 2rem;
	color: #666666;
	border-radius: 0.5rem;
	transition: all .5s !important;
	box-shadow: 1px 5px 20px 8px #e3e3e3;
}
.applet .formulate dl img{
	width: 8rem;
	height: 8rem;
	position: absolute;
	top: -4rem;
	left: 11.5rem;
}
.applet .formulate .tit{
	font-size: 2.4rem;
	padding: 1rem;
	text-align: center;
}
.applet .formulate dl:hover{
	transform: scale(1.07) !important;
}
.applet .program{
	font-size: 1.6rem;
	padding: 2rem 0 7rem 0;
}
.applet .program .tab_Fas{
	width: 55%;
	margin: 0 auto;
	font-size: 2.1rem;
}
.applet .program .tab_Fas .xk{
	width: 20%;
	text-align: center;
	padding: 1rem 0;
	border-bottom: 0.3rem solid #efefef;
	cursor: pointer;
}
.applet .program .box_list{
	padding: 3rem;
	border-radius: 0.5rem;
	box-shadow: 1px 1px 5px 3px #e3e3e3;
}
.applet .program .left{width: 37%;}
.applet .program .left img{width: 100%;}
.applet .program .right{width: 60%;line-height: 3rem;}
.applet .program .right .title{
	font-size: 2.1rem;
	margin-bottom: 4rem;
	text-align: left;
}
.applet .program .tab_Fas .xk:hover{
	border-bottom: 0.3rem solid #000;
}
/* 案例 */
.case{
	font-size: 1.8rem;
}
.case .tab_Fas{
	font-size: 2.5rem !important;
	justify-content: flex-start;
}
.case .tab_Fas .xk{
	padding: 2rem 0;
	margin: 2rem 3rem 4rem 0;
	cursor: pointer;
}
.case .xkImg a{
	width: 30%;
	margin-bottom: 5rem;
}
.case .xkImg a:hover{
	box-shadow: 10px 1px 20px 1px #a7a7a7;
}
.case .xkImg a img{
	width: 100%;
}
.case .demand ul{
	width: 30%;
	margin: 2rem auto;
	margin-bottom: 4rem;
}
.case .demand ul .xk{
	padding: 0.2rem!important;
	font-size: 1.6rem !important;
	margin: 1rem!important;
}
.case .demand ul .prev{
	padding: 0 0.5rem;
}
.case .demand ul a{color: #000000;}
/* 案例详情 */
.caseDetail .smallNav{
	padding: 3rem 0;
	font-size: 1.8rem;
}
.caseDetail .smallNav a{
	color: #666666;
}
.caseDetail .chinese{
	box-shadow: 1px 1px 5px 5px #eaeaea;
	font-size: 1.8rem;
	border-radius: 0.5rem;
}
.caseDetail .chinese .title{
	font-size: 3rem;
	color: #415b76;
	padding: 3rem 0;
}
.caseDetail .chinese img{
	width: 100%;
}
.caseDetail .chinese .content{
	color: #8b8b8b;
	line-height: 4rem;
	padding: 2rem 0 3rem 0;
}
.caseDetail .chinese .content p{
	text-indent: 2rem;
}
.caseDetail .same{
	margin-bottom: 3rem;
}
.caseDetail .same .tit{
	font-size: 1.8rem;
	color: #415b76;
	padding: 3rem 0;
}
.caseDetail .same .xk{
	width: 22.5%;
	font-size: 1.4rem;
}
.caseDetail .same .xk img{
	width: 100%;
	border-radius: 0.5rem;
}
.caseDetail .same .xk p{
	padding: 1rem 0;
}
.caseDetail .same .xk span{
	background-color: #0088ff;
	color: #fff;
	border-radius: 0.7rem;
	font-size: 0.9rem;
	display: inline-block;
	padding: 0.1rem 0.7rem 0.14rem 0.7rem;
}
/*.caseDetail .swiper-slide:hover img{*/
/*	transform: scale(1.07);*/
/*}*/
.swiper {
	width: 100%;
	height: 100%;
	padding-bottom: 3rem;
}
.swiper a{
	display: block;
	color: #000;
}
.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.swiper-pagination{
	top: 36rem;
}
/* 关于我们 */
.about .us{
	width: 100%;
	padding: 7rem 0 11rem 0;
	background-color: #fafafa;
}
.about .us .commit_center{
	position: relative;
}
.about .us .left{
	width: 53%;
	height: 30rem;
	z-index: 999;
}
.about .us .right{
	width: 53%!important;
	height: 30rem;
	position: absolute;
	right: 0;
	background-color: #415b76;
	color: #fff;
	font-size: 1.6rem;
	line-height: 2.5rem;
	margin-top: 4rem;
}
.about .us .left img{
	width: 100%;
	height: 100%;
}
.about .us .right .commit_center{
	width: 80%;
	margin-left: 15%;
}
.about .us .right p{
	padding: 0.6rem 0;
	text-indent: 2rem;
	line-height: 2.7rem;
}
.about .us .right p:first-child{
	font-size: 2.2rem;
	margin-top: 1.5rem;
}
.about .culture{
	width: 100%;
	background-color: #fff;
	padding: 2rem 0;
}
.about .service .xk{width: 31% !important;}
.about .service .gray,.about .service .blue{
	padding: 1rem 0;
}
.about .service .blue{
	width: 50%;
	margin: 0 auto;
	background-color: #5a9ce2;
	border-radius: 6rem;
}
.about .aboutUs{
	width: 100%;
	background-color: #fafafa;
	padding: 2rem 0 4rem 0;
	font-size: 1.8rem;
}
.about .aboutUs .cont{
	padding: 2rem 0;
}
.about .aboutUs .xk{
	width: 22%;
	text-align: center;
	color: #415b76;
	border: 2px solid #415b76;
	padding: 2rem 0;
	border-radius: 0.5rem;
}
.about .aboutUs .xk:hover{
	color: #fff;
	background-color: #5b83ac;
	border: 2px solid #5b83ac;
	box-shadow: 10px 10px 15px 4px #aeaeae;
}
.about .aboutUs .bigSize{
	font-size: 5rem;
	position: relative;
	padding-bottom: 1.5rem;
}
.about .aboutUs .bigSize .jia{
	font-size: 2rem;
	position: absolute;
	top: 0;
}
.about .address{
	width: 100%;
	padding: 6rem 0;
	background-color: #ffffff;
	color: #717171;
}
.about .address .add{
	padding: 2rem 0;
	border-radius: 0.5rem;
	font-size: 1.8rem;
	box-shadow: 1px 1px 5px 5px #eaeaea;
}
.about .address .left{
	width: 44%;
	border-right: 1px solid #f6f6f6;
}
.about .address .right{
	width: 55%;
}
.about .address .left .commit_center{
	width: 90%;
	margin: 0 auto;
}
.about .address .line{
	padding: 2rem 0;
	justify-content: flex-start;
}
.about .address .line img{
	width: 3rem;
	height: 3rem;
	margin: 0.5rem 2rem 0 0;
}

.about .address .smallImg{
	height: 2.6rem!important;
	margin-top: 0.5rem;
}
.about .address .addImg{
	width: 2.2rem!important;
	height: 2.6rem!important;
	margin-left: 0.2rem!important;
}
.about .address .sml{margin-top: 0.75rem!important;}
.about .address .line p{
	width: 80%;
	line-height: 4rem;
}
.about .address .right .commit_center{
	width: 90%;
	margin: 0 auto;
}
.about .address .right  img{
	margin: 0.7rem 0.5rem 0 0;
}
.about .address .right .line p{
	font-size: 2.2rem;
	color: #000;
}
.about .address form{
	font-size: 1.6rem;
}
.about .address form input{
	width: 67%;
	border: none;
	outline:none;
	-webkit-box-shadow: 0 0 0 1000px white inset;
	text-indent: 0.4rem!important;
}
.about .address form .borde{
	width: 22%;
	padding: 1rem;
	border-radius: 0.6rem;
	border: 1px solid #efefef;
}
.about .address form .bordes{
	width: 36%;
}
.about .address form .txt{width: 100%;}
.about .address textarea{
	width: 100%;
	height: 20rem;
	margin: 2rem 0;
	border-radius: 0.6rem;
	border: 1px solid #efefef;
	font-size: 1.6rem;
	text-indent: 1rem;
	padding: 1rem 0;
	outline:none;
}
.about .address button{
	padding: 1rem 3rem;
	background-color: #415b76;
	color: #fff;
	border-radius: 0.5rem;
	border: none;
	cursor: pointer;
}
.about .address .bottom{
	width: 93%;
	margin: 0 auto;
	color: #000;
	padding: 1rem 0;
	font-size: 2rem;
}
.about #container{
	height: 30rem;
	margin: 3rem 0;
}
.websit .phone{display: none;}
.moreNav,.moreCancel{display: none;}
.navHide{display: none;}
.fours{display: none;}
.index .lc{display: none;}
.addressPhone{display: none;}
#head .swiper-button-next:after,#head .swiper-button-prev:after{
		color: #fff;
}
.prev a{
	font-size: 16px;
}
/* 手机端 */
@media only screen and (max-width: 1024px) {
	.allCont{
		margin-top: 0rem;
	}
	#head{
		background-color: #fff;
	}
	#footer .footTop .flex{
		display: block;
		text-align: center;
	}
	#footer .footTop .flex .left{
			width: 100%;
			line-height: 2.5rem;
	}
	#footer .footTop .flex .right{
		width: 100%;
	}
	#footer .footTop .flex .right img{
		width: 10rem;
		margin-top: 1.2rem;
	}
	#head .bans {
		top: 0;
	}
	#head .headTop{padding: 1rem;}
	#head .fixedHead{
		width: 100%;
		position: fixed;
		top: 0;
		z-index: 9999;
		background-color: #fff;
	}
	#head .logo {
		width: 14rem;
		height: 5rem;
	}
	#head .banner {
		margin-top: 3.96rem;
		top: 0;
	}
	.moreNav,.moreCancel{
		display: block;
		width: 3rem;
		height: 2.9rem;
		margin-top: 1.1rem;
		cursor: pointer;
	}
	.moreCancel{display: none;}
	.headTop .right{
		display: none;
	}
	#head .daohang .nav{
		display: none;
	}
	#head .navHide{
		width: 30%;
		position: absolute;
		right: 0rem;
		background-color: #fff;
		z-index: 999;
		box-shadow: 1px 1px 10px 1px #415b76;
		border-radius: 0.3rem;
	}
	#head .navHide li{
		width: 100%;
		text-align: center;
		margin: 0;
	}
	#head .navHide li a{
		width: 100%;
		display: block;
		padding: 1.2rem 0;
		color: #000;
		border-radius: 0.2rem;
	}
	#head .navHide .active{color: #fff;}
	#head .swiper-button-next:after,#head .swiper-button-prev:after{
		margin-top: 4rem!important;
	}

	/* 公共 */
	.common {
		padding: 2rem 0;
		font-size: 1.5rem;
		line-height: 2.5rem;
	}
	.common .title {
		font-size: 2.2rem;
		margin-bottom: 1rem;
	}

	.common .more a{
		font-size: 1.2rem;
		top: 9.5rem;
	}

	/* 脚部 */
	#footer {
		font-size: 1.4rem;
	}

	#footer .footTop {
		padding: 2rem 0;
	}

	#footer .left {
		width: 65%;
		line-height: 2.3rem;
	}

	#footer .right {
		width: 30%;
	}
	#footer .right img{
		width: 100%;
		margin-top: 20%;
	}

	#footer .right p {
		display: none;
	}

	#footer .copyright {
		display: none;
	}
	.commit_center{width: 90%;}

	/* 首页 */
	.fours{display: block;}
	.fours img{width: 100%;}
	.index .yzIndex {display: none;}
	.index .indexCase{
		width: 100%;
		font-size: 1.4rem;
		line-height: 2.3rem;
		margin-bottom: 2rem;
		border: 2px solid #f9f9f9;
		box-shadow: none;
	}
	.index .indexCase:last-child{margin-bottom: 1rem;}
	.index .indexCase .title{
		font-size: 1.8rem;
		padding: 0.8rem 0;
	}
	.caseIndex dl{
		width: 47%;
		margin-bottom: 1rem;
	}
	.caseIndex .dd{
		top: 8.6rem;
		line-height: 2.6rem;
		font-size: 1.6rem;
	}
	.caseIndex .first{
		font-size: 2.1rem;
	}
	.index .lc{display: block;}
	.index .lc img{width: 100%;}
	.index .card,.index .box_list{display: none;}
	.index .add img{
		width: 47%;
		margin-bottom: 1rem;
	}
	.index .caseIndex .swiper-slide{
		width: 45.5%!important;
	}

	/* 网站开发 */
	.service dl{
		width: 47%;
		font-size: 1.6rem;
		padding: 1.5rem 0 0.4rem 0;
		border: 2px solid #f9f9f9;
	}
	.service .line{display: none;}
	.service dl:hover .blue{display: block;}
	.service dl:hover .line{display: none;}
	.websit .caseIndex dl{
		width: 48%;
		margin-top: 1rem;
		margin-bottom: 0;
	}
	.websit .caseIndex .dd{
		font-size: 1.4rem!important;
		top: 8rem!important;
		line-height: 2rem;
	}
	.websit .caseIndex .first{
		font-size: 2rem!important;
		margin-bottom: 1rem;
	}
	.websit .classic{
		line-height: 2.5rem;
		padding: 1rem 0;
		font-size: 1.5rem;
	}
	.websit .classic .left,.websit .classic .right{
		width: 100%;
	}
	.websit .classic .title{
		font-size: 1.8rem;
	}
	.websit .classic .line{
		margin: 0.5rem auto;
		margin-bottom: 1rem;
	}
	.websit .classic .right img{
		margin: 1rem 0;
	}
	.websit .bgGray{
		padding: 1rem 0;
		margin-top: 3rem;
	}
	.websit .phone{display: block;}
	.websit .pcDuan{display: none;}

	/* APP开发 */
	.app .titleAPP{
		font-size: 2.2rem;
		padding: 1rem 0;
	}
	.app .more{
		font-size: 1.2rem;
	}
	.app .banners{
		padding: 1rem 0 3rem 0;
	}
	.swiper-button-next:after, .swiper-button-prev:after{
		font-size: 2.8rem!important;
	}
	.app .swiper-button-next{
		right: -2.3rem!important;
	}
	.app .swiper-button-prev{
		left: -2.3rem!important;
	}

	.app .bigData{height: 30rem;}
	.app .bigData .big{
		padding: 0 0 2rem 0;
		font-size: 1.5rem;
	}
	.app .bigData .xk{
		width: 50%;
		margin-bottom: 2rem;
	}
	.app .bigData .xk:nth-child(2n) .number{
		border-right: 0;
	}
	.app .bigData .big span{
		font-size: 3.5rem;
	}
	.app .advantage{
		padding: 3rem 0;
	}
	.app .service{padding: 0;}
	.app .service .xk{
		width: 100%;
		margin: 0 0 1.5rem 0;
		padding: 1rem 0;
	}
	.app .service .xk .commit_center{
		padding: 1rem;
	}
	.app .service .xk:last-child{margin-bottom: 3rem;}
	.app .service .titles{
		padding: 1.5rem 0 1rem 0;
		font-size: 1.7rem;
	}
	.app .service .cont{
		line-height: 2.8rem;
	}

	/* 小程序开发 */
	.applet .process{
		width: 85%;
		margin: 1rem auto;
	}
	.applet .bjGray{
		padding: 1rem 0;
		margin: 3rem 0;
	}
	.applet .formulate{
		margin: 2.5rem auto;
	}
	.applet .formulate dl{
		width: 100%;
		font-size: 1.5rem;
		line-height: 2.5rem;
		padding: 3rem 2rem;
		margin-bottom: 5rem;
	}



	.applet .formulate dl:last-child{margin: 0;}
	.applet .formulate dl img{
		width: 5.5rem;
		height: 5.5rem;
		left: 0;
		right: 0;
		margin: auto;
	}



	.applet .formulate .tit{
		font-size: 2rem;
		padding: 0.8rem;
	}
	.applet .program{
		font-size: 1.5rem;
		padding: 0 0 4rem 0;
	}
	.applet .program .tab_Fas{
		width: 88%;
		font-size: 1.8rem;
	}
	.applet .program .tab_Fas .xk{
		width: 28%;
	}
	.applet .program .box_list{
		padding: 2rem;
	}
	.applet .program .left{width: 100%;}
	.applet .program .right{width: 100%;line-height: 2.5rem;}
	.applet .program .right .title{
		font-size: 1.8rem;
		margin: 0.8rem 0;
	}
	.applet .program .tab_Fas .xk:hover{
		border-bottom: 0.3rem solid #000;
	}
	/* 案例 */
	.case{
		font-size: 1.6rem;
	}
	.case .tab_Fas{
		font-size: 2rem !important;
	}
	.case .tab_Fas .xk{
		padding: 1rem 0;
		margin: 1rem 2rem 2rem 0;
	}

	.case .xkImg a{
		width: 30%;
		margin-bottom: 4%;
	}
	.case .demand ul{
		width: 65%;
		margin: 1rem auto;
		margin-bottom: 2rem;
	}
	.case .demand ul .xk{
		padding: 0.2rem!important;
		font-size: 1.6rem !important;
		margin: 1rem!important;
	}
	/* 案例详情 */
	.caseDetail .smallNav{
		padding: 1.5rem 0;
		font-size: 1.5rem;
	}
	.caseDetail .chinese{
		font-size: 1.6rem;
	}
	.caseDetail .chinese .title{
		font-size: 2.2rem;
		padding: 1.5rem 0;
	}
	.caseDetail .chinese .content{
		line-height: 2.6rem;
		padding: 1rem 0;
	}
	.caseDetail .same{
		margin-bottom: 2rem;
	}
	.caseDetail .same .tit{
		font-size: 1.8rem;
		padding: 2rem 0;
	}
	.caseDetail .same .xk{
		width: 44%!important;
	}

	/* 关于我们 */
	.about .service .xk{width: 100% !important;}
	.about .service .xk:last-child{margin-bottom: 0;}
	.about .us{
		padding: 2.8rem 0 4.5rem 0;
	}
	.about .us .left{
		width: 100%;
		height: 100%;
		display: none;
	}
	.about .us .right{
		width: 100%!important;
		height: 100%;
		position: relative;
		line-height: 2.5rem;
		margin-top: 1rem;
		padding-bottom: 1rem;
	}
	.about .us .right .commit_center{
		width: 88%;
		margin-left: 6%;
	}
	.about .us .right p:first-child{
		font-size: 2rem;
		text-indent: 0;
	}
	.about .culture{
		padding: 1rem 0;
	}
	.about .aboutUs{
		padding: 2rem 0;
		font-size: 1.6rem;
	}
	.about .aboutUs .cont{
		padding: 1rem 0;
	}
	.about .aboutUs .xk{
		width: 47%;
		margin-bottom: 1rem;
	}
	.about .aboutUs .bigSize{
		font-size: 4rem;
		padding-bottom: 1rem;
	}
	.about .address{
		padding: 4rem 0;
	}
	.about .address .add{
		padding: 1rem 0;
		font-size: 1.6rem;
	}
	.about .address .left{
		width: 100%;
		margin-top: 2.5rem;
	}
	.about .address .right{
		width: 100%;
	}
	.about .address .line{
		padding: 0.5rem 0;
	}
	.about .address .line img{
		width: 2.2rem;
		height: 2.2rem;
		margin: 0.7rem 1rem 0 0;
	}
	.about .address .line .adds{line-height: 2.6rem;}
	.about .address .smallImg{
		height: 1.9rem!important;
		margin-top: 1rem!important;
	}
	.about .address .addImg{
		width: 1.6rem!important;
		height: 2.2rem!important;
		margin: 0.4rem 1.3rem 0.5rem 0.2rem!important;
	}
	/* .about .address .sml{margin-top: 0.8rem!important;} */
	.about .address .line p{width: 80%;}
	.about .address form{
		font-size: 1.6rem;
	}
	.about .address form .borde{
		width: 100%;
		margin: 0.7rem 0 0.7rem 0;
	}
	.about .address form .bordes{
		width: 100%;
	}
	.about .address form .txt{width: 100%;}
	.about .address textarea{
		margin: 1rem 0;
	}
	.about .address .bottom{
		padding: 2rem 0;
	}
	.about #container{
		height: 20rem;
		margin: 2rem 0 0 0;
	}
	.addressPc{display: none;}
	.addressPhone{display: block;}


}

.all_page{
    padding: 0 100px;
}
.all_page span{
   display: inline-block;
    width: 30px;
    height: 30px;
	margin: 0 2%;
    text-align: center;
    border: 1px solid;
    font-size: 16px;
    line-height: 30px;
    border-radius: 10px
}
.all_page span:nth-child(1) {
    color: rgb(0,131,205);
}
.page_admin {
    font-size: 30px !important;
}
/*head样式*/
.index #head .navAll li:first-child a{background-color: #415b76;color: #fff;}
.websit #head .navAll li:nth-child(2) a{background-color: #415b76;color: #fff;}
.app #head .navAll li:nth-child(3) a{background-color: #415b76;color: #fff;}
.applet #head .navAll li:nth-child(4) a{background-color: #415b76;color: #fff;}
.case #head .navAll li:nth-child(5) a{background-color: #415b76;color: #fff;}
.about #head .navAll li:nth-child(6) a{background-color: #415b76;color: #fff;}
.caseDetail #head .navAll li:nth-child(5) a{background-color: #415b76;color: #fff;}
/*首页banner*/
.bannerPc{ text-align:center;}
.bannerPc ul,.bannerPc li{ margin:0; padding:0; list-style:none;}
.bannerPc a{ display:block;}
.bannerPc img{width:100%; vertical-align:middle;}
.banner-html5zoo{ /*overflow:hidden;*/}
.banner-html5zoo .html5zoo-arrow-left-0,.banner-html5zoo .html5zoo-arrow-right-0{
    width:40px !important;
    height:60px !important;
    top:50% !important;
    margin-top:-30px !important;
    background:url(../../img/img/slide_bPc.png) no-repeat !important;
    display:block !important;
    visibility:hidden;
}
.banner-html5zoo:hover .html5zoo-arrow-left-0,.banner-html5zoo:hover .html5zoo-arrow-right-0{ visibility:visible;}
.banner-html5zoo .html5zoo-arrow-left-0{left:50px !important; background-position:0 0 !important;}
.banner-html5zoo .html5zoo-arrow-right-0{right:50px !important; background-position:-40px 0 !important;}
.banner-html5zoo .html5zoo-arrow-left-1,.banner-html5zoo .html5zoo-arrow-right-1{width:40px !important; height:60px !important; top:50% !important; margin-top:-30px !important; background:url(../../img/img/slide_bPc.png) no-repeat !important;display:block !important; visibility:hidden;}
.banner-html5zoo:hover .html5zoo-arrow-left-1,.banner-html5zoo:hover .html5zoo-arrow-right-1{ visibility:visible;}
.banner-html5zoo .html5zoo-arrow-left-1{left:50px !important; background-position:0 0 !important;}
.banner-html5zoo .html5zoo-arrow-right-1{right:50px !important; background-position:-40px 0 !important;}
.banner-html5zoo .html5zoo-nav{ text-align:center;}
.banner-html5zoo .html5zoo-bullet-span{ width:1em !important; height:2px !important; float:none !important; display:inline-block; background:#fff !important; opacity:0.5; box-sizing:border-box; border-radius:0; -webkit-border-radius:0; margin:0 5px !important; vertical-align:middle;}
.banner-html5zoo .html5zoo-bullet-span.active{width:1em !important; height:1em !important; border:2px solid #fff; background:none !important; opacity:1;border-radius:50%; -webkit-border-radius:50%;}



.m_s15 .page_info{
	text-align: center;
	font-size: 2rem;
	width: 100%;
	margin: 2rem auto;
	line-height: 3rem;
}
.m_s15 .page_info span{
	border: #000 1px solid;
	padding: 0 1rem;
	line-height: 3rem;
}
.m_s15 .page_info span.page_num{
	cursor:pointer
}
.m_s15 .page_info span.page_count{
	border-width: 0;
	color: #666;
}



.m_s19 {
	width: 100%;
	padding: 6rem 0;
	background-color: #ffffff;
	color: #717171;
}

.m_s19 .add {
	padding: 2rem 0;
	border-radius: 0.5rem;
	font-size: 1.8rem;
	box-shadow: 1px 1px 5px 5px #eaeaea;
}

.m_s19 .left {
	width: 44%;
	border-right: 1px solid #f6f6f6;
}

.m_s19 .right {
	width: 55%;
}

.m_s19 .left .commit_center {
	width: 90%;
	margin: 0 auto;
}

.m_s19 .line {
	padding: 2rem 0;
	justify-content: flex-start;
}

.m_s19 .line img {
	width: 3rem;
	height: 3rem;
	margin: 0.5rem 2rem 0 0;
}

.m_s19 .smallImg {
	height: 2.6rem !important;
	margin-top: 0.5rem;
}

.m_s19 .addImg {
	width: 2.2rem !important;
	height: 2.6rem !important;
	margin-left: 0.2rem !important;
}

.m_s19 .sml {
	margin-top: 0.75rem !important;
}

.m_s19 .line p {
	width: 80%;
	line-height: 4rem;
}

.m_s19 .right .commit_center {
	width: 90%;
	margin: 0 auto;
}

.m_s19 .right img {
	margin: 0.7rem 0.5rem 0 0;
}

.m_s19 .right .line p {
	font-size: 2.2rem;
	color: #000;
}

.m_s19 form {
	font-size: 1.6rem;
}

.m_s19 form input {
	width: 67%;
	border: none;
	outline: none;
	-webkit-box-shadow: 0 0 0 1000px white inset;
	text-indent: 0.4rem !important;
}

.m_s19 form .borde {
	width: 22%;
	padding: 1rem;
	border-radius: 0.6rem;
	border: 1px solid #efefef;
}

.m_s19 form .bordes {
	width: 36%;
}

.m_s19 form .txt {
	width: 100%;
}

.m_s19 textarea {
	width: 100%;
	height: 20rem;
	margin: 2rem 0;
	border-radius: 0.6rem;
	border: 1px solid #efefef;
	font-size: 1.6rem;
	text-indent: 1rem;
	padding: 1rem 0;
	outline: none;
}

.m_s19 button {
	padding: 1rem 3rem;
	background-color: #415b76;
	color: #fff;
	border-radius: 0.5rem;
	border: none;
	cursor: pointer;
}

.m_s19 .bottom {
	width: 93%;
	margin: 0 auto;
	color: #000;
	padding: 1rem 0;
	font-size: 2rem;
}

@media only screen and (max-width: 1024px){

	.m_s19 {
		padding: 4rem 0;
	}

	.m_s19 .add {
		padding: 1rem 0;
		font-size: 1.6rem;
	}

	.m_s19 .left {
		width: 100%;
		margin-top: 2.5rem;
	}

	.m_s19 .right {
		width: 100%;
	}

	.m_s19 .line {
		padding: 0.5rem 0;
	}

	.m_s19 .line img {
		width: 2.2rem;
		height: 2.2rem;
		margin: 0.7rem 1rem 0 0;
	}

	.m_s19 .line .adds {
		line-height: 2.6rem;
	}

	.m_s19 .smallImg {
		height: 1.9rem !important;
		margin-top: 1rem !important;
	}

	.m_s19 .addImg {
		width: 1.6rem !important;
		height: 2.2rem !important;
		margin: 0.4rem 1.3rem 0.5rem 0.2rem !important;
	}

	/* .m_s19 .sml{margin-top: 0.8rem!important;} */
	.m_s19 .line p {
		width: 80%;
	}

	.m_s19 form {
		font-size: 1.6rem;
	}

	.m_s19 form .borde {
		width: 100%;
		margin: 0.7rem 0 0.7rem 0;
	}

	.m_s19 form .bordes {
		width: 100%;
	}

	.m_s19 form .txt {
		width: 100%;
	}

	.m_s19 textarea {
		margin: 1rem 0;
	}

	.m_s19 .bottom {
		padding: 2rem 0;
	}

	.about #container {
		height: 20rem;
		margin: 2rem 0 0 0;
	}

	.m_s19 .addressPc {
		display: none;
	}

	.m_s19 .addressPhone {
		display: block;
	}
}










































